<template>
  <div>
    <a-breadcrumb>
      <a-breadcrumb-item
        @click="jump(item.pathWay)"
        v-for="(item, index) in breadList"
        :key="index"
      >
        <template>
          <router-link :to="`${item.pathWay}`">
            {{ item.pathName }}
          </router-link>
        </template>
      </a-breadcrumb-item>
      <!-- <a-breadcrumb-item><a href="">Application Center</a></a-breadcrumb-item>
      <a-breadcrumb-item><a href="">Application List</a></a-breadcrumb-item>
      <a-breadcrumb-item>An Application</a-breadcrumb-item> -->
    </a-breadcrumb>
  </div>
</template>

<script>
export default {
  props: {
    breadList: {
      type: Array,
      default: () => [],
    },
  },
  methods: {
    jump(path) {
      // eslint-disable-next-line no-console
      console.log(11);
      this.$router.push(path);
    },
  },
};
</script>

<style lang="less" scoped>
</style>
